<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/dijit/themes/soria/soria.css">
    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/esri/css/esri.css">
    <script type="text/javascript" src="/javascripts/arcgis_js_api/library/3.16/3.16/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
    <script src="/javascripts/arcgis_js_api/library/3.16/3.16/init.js"></script>
    <script type="text/javascript" src="BorderContainer_Map.js"></script>
<style>

   html,body,#borderContainer {
        height: 100%;
        width: 100%;
       margin: 0;
       padding: 0;
    }

    #lead{
        width: 10%;
    }
</style>


    <title>BorderContainer_Map</title>
</head>
<body class="soria">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar'" id="borderContainer">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:'true', region:'leading'" id="lead"></div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props= "splitter:'true', region:'center'" id="center"></div>

</div>
</body>
</html>